<ion-header>

    <ion-navbar>
        <ion-title>个人中心</ion-title>
    </ion-navbar>

</ion-header>


<ion-content>
    <ion-list class="margiTop marginBottom">
        <button (click)="goHeadFacePage()" ion-item>
                <ion-avatar item-start>
                    <img src="{{headface}}">
                </ion-avatar>
                <h2>修改头像</h2>
            </button>
    </ion-list>
    <ion-list>
        <ion-item>
            <ion-label>用户昵称：</ion-label>
            <ion-input type="text" [(ngModel)]="nickname"></ion-input>
        </ion-item>
    </ion-list>
    <div padding text-center>
        <button (click)="updateNickName()" ion-button color="primary" block>保存</button>
    </div>
    <div padding text-center class="paddingTop">
        <button (click)="logOut()" ion-button color="danger" block>注销</button>
    </div>
</ion-content>